<template>
  <div class="app-container home">
    <img src="../assets/images/bg.png" class="bg">
    <el-dialog :visible.sync="isShow" width="30%" :before-close="handleClose">
      <!-- <span>{{birthdayMessage}}</span> -->
       <img src="../assets/images/borthday.jpg" alt="">
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      // 版本号
      version: "3.8.8",
      isShow:!!sessionStorage.getItem('birthdayMessage') ? true : false,
      birthdayMessage:sessionStorage.getItem('birthdayMessage')
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
    handleClose(){
      this.isShow = false
      sessionStorage.removeItem('birthdayMessage')
    }
  }
};
</script>
<style>
.home .el-dialog{
  top: 20%;
}
.home .el-dialog img{
  width: 100%;
}

</style>
<style scoped lang="scss">
*{
  padding: 0;
  margin: 0;
}
.home {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #676a6c;
  overflow-x: hidden;
  height: 100vh;
  img.bg{
    width: 100%;
    height: 100vh;
  }

}
</style>